<!DOCTYPE html>
<html>
<head>
	<link rel="stylesheet" type="text/css" href="instr.css">
</head>
<body>
<div>
	<p id="headline">How to Use?</p>
</div>

<div>
<p id="note">Note: P shape and M shape should drag in one move. Start from the left bottom point. When draw gestures, use right CLICK. (If you are using Mac, use two finger, press and draw.)</p>
</div>

<!-- <div>
	<form>
		<input type="checkbox" id = "gestureC" checked> Gesture
		<input type="checkbox" id= "keyboardC" checked> Keyboard
		<br>
	</form>
</div> -->

<div>
	<p id="gesture">Gesture Instruction</p>
</div>

<div>
	<table class="first">
		<tr><th>Mouse Gesture</th><th> Function</th></tr>
		<tr><td>Z shape</td><td>Reopen the last closed tab</td></tr>
		<tr><td>P shape</td><td>Move to previous tab</td></tr>
		<tr><td>O shape</td><td>Move to next tab</td></tr>
		<tr><td>C shape</td><td>Reload current tab</td></tr>
		<tr><td>U shape</td><td>Reload all tabs</td></tr>		
		<tr><td>S shape</td><td>Close current tab</td></tr>
		<tr><td>M shape</td><td>Close current window</td></tr>
		<tr><td>Left click & drag</td><td>Open link in a new tab</td></tr>
	</table>
</div>

<div>
	<p id="keyboard">Keyboard Instruction</p>
</div>

<div>
	<table class="second">
		<tr><th>Keys</th><th>Function</th></tr>
		<tr><td>ctrl + a</td><td>Mark all the links in current tab with an identical two-letter label</td></tr>
		<tr><td>label letters</td><td>Open the corresponding link of label marked in a new tab</td></tr>
		<tr><td>ctrl + any key</td><td>Remove all the marked links in current tab</td></tr>
		<tr><td>ctrl + q</td><td>Scroll to the top</td></tr>
		<tr><td>ctrl + e</td><td>Scroll to the bottom</td></tr>		
		<tr><td>ctrl + w</td><td>Scroll up</td></tr>
		<tr><td>ctrl + s</td><td>Scroll down</td></tr>
		<tr><td>ctrl + r</td><td>Reopen the last closed tab</td></tr>
		<tr><td>ctrl + t</td><td>Close current window</td></tr>
		<tr><td>ctrl + y</td><td>Close current tab</td></tr>
		<tr><td>ctrl + u</td><td>Reload all tabs</td></tr>
		<tr><td>ctrl + i</td><td>Reload current tab</td></tr>
		<tr><td>ctrl + o</td><td>Move to next tab</td></tr>
		<tr><td>ctrl + p</td><td>Move to previous tab</td></tr>

	</table>
</div>

</body>
</html>